<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>Accueil</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="css.css" type="text/css">
        <link rel="stylesheet" href="blueberry.css" type="text/css">
        <link rel=" stylesheet" media="screen and (max-width:480px)"
              href="smallscreen.css" type="text/css"/>
              <meta name="viewport" content="width=device-with, initial-scale=1">
              
        <script type="text/javascript" src="js/libs/jquery/jquery.js"></script>

        <script type="text/javascript" src="jquery.blueberry.js"></script>
        
        
    </head>
    <body id="fond">
 
        <div id="contenair" > 
            <div id="header">
                <div id="logo"></div>
                <div id="formbody">
                    <form method="post">
                        <input name="ident" id="ident" size="10" placeholder="identifiant">
                        <input type="password" name="pass" id="pass" size="10" placeholder="mot de passe">
                    </form>
                    <a href="formulaire.html" id="password">Créer un compte</a>
                </div>
                <img id="fleche" src="image/flecheconnexion.png">
                <div id="panier"><a href="panier.html"><img id="caddie"  src="image/caddie.png">Mon panier </a>
                    <div id="traitp"><img  src="image/traitpanier.png"></div>
                    <div id="rec1"></div>
                    <div id="rec2"></div>
                    <img id="flechep" src="image/flechepanier.png">
                </div>
            </div>
            <div id="nav"> 
                <ul>
               <li><a id="poissonerie" href="listing_produit.html">Poissonerie</a></li>
               <li><a id="surgeles" href="listing_produit.html"> Surgelés</a></li>
               <li><a id="boucherie" href="listing_produit.html">Boucherie<br>Charcuterie</a></li>
               <li><a id="cremerie" href="listing_produit.html">Cremerie</a></li>
               <li><a id="boulangerie" href="listing_produit.html">Boulangerie</a></li>
               <li><a id="epiceriesucre" href="listing_produit.html">Epicerie<br>Sucre</a></li>
               <li><a id="epiceriesale" href="listing_produit.html">Epicerie<br>Sale</a></li>
               <li><a id="legumes" href="listing_produit.html">Legumes<br>Fruits</a></li>
               <li><a id="conserve" href="listing_produit.html">Conserves</a></li>
               <li><a id="boisson" href="listing_produit.html">Boissons</a></li>
               <li><a id="beaute" href="listing_produit.html">Soins<br>Beaute</a></li>
               <li><a id="entretien" href="listing_produit.html">Entretien</a></li>
                </ul>
    
            
            </div>
             <div id="content">
              <div id="formbody2">
               <form method="post">
                <input name="rech" id="ident" size="10" placeholder="Rechercher">    
               </form>
              </div>
            </div>
            <div id="slide"> 
                <script> $(window).load(function() {
	$('.blueberry').blueberry();});
        </script>
         
              <div class="blueberry">
              <ul class="slides">
                <li><img src="image/slide1.jpg" /></li>
                <li><img src="image/slide2.jpg" /></li>
                <li><img src="image/slide3.jpg" /></li>
                <li><img src="image/slide4.jpg" /></li>
              </ul>
            <!-- Optional, see options below -->
              <ul class="pager">
                <li><a href="#"><span></span></a></li>
                <li><a href="#"><span></span></a></li>
                <li><a href="#"><span></span></a></li>
                <li><a href="#"><span></span></a></li>
              </ul>
            <!-- Optional, see options below -->
            </div>
            </div>
            <div id="engagement">
                <a id="paiement" href=""></a>
                <a id="serviceq" href=""></a>
                <a id="satisfait" href=""></a>
                <a id="prix" href=""></a>
                <div id="formbody3">
               <form method="post">
                <input name="news" id="ident" size="10" placeholder="Newsletter"> 
                <input id="but" type="button" value="s'inscrire">
               </form>
              </div>
            </div>
            
            
            
            
        </div>
        <footer>
        <a id="footer" href="">Mentions Légales &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Plan de Site</a>
        </footer>
    </body>
</html>
